<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <script src="js/jquery.js"></script>
    <script>
        function getDataFromServer(url) {
            return new Promise(function(resolve, rejcet) {
                $.ajax({
                    url: url,
                    success: function(res) {
                        resolve('请求获取数据成功.res=' + res)
                    }
                })
            })
        }
        $(function() {
                $('button').click(function() {
                    getDataFromServer('http://127.0.0.1:3001/getdata1')
                        .then(function(data) {
                            console.log(data);
                            getDataFromServer('http://127.0.0.1:3001/getdata2')
                                .then(function(data) {
                                    console.log(data);

                                })
                        })

                })
            })
            // 点击按钮,看看日志打印, 是先打印第一次请求获取到数据的结果,还是先打印第二次请求获取到数据的结果? 
            // 使用Promise将getDataFromServer改造, 让得到数据的顺序一定是:  先打印第一次请求获取到数据的结果, 再打印第二次请求获取到数据的结果
    </script>
</head>

<body>
    <button>点我发送请求</button>
</body>

</html>